<template>
  <div class="main">
    <a-row type="flex" justify="center">
      <a-col class="main-inner" :span="18">
        <!--     主体     -->
        <a-row class="tool-line">
          <slot name="tool-line"/>
        </a-row>
        <a-row>
          <a-col :span="24">
            <slot name="main"/>
          </a-col>
        </a-row>
      </a-col>
    </a-row>
  </div>
</template>

<script setup lang="ts"></script>

<style lang="less" scoped>
.main {
  margin-top: 20px;

  .main-inner {
    border: 2px solid #f2f2f2;
    padding: 20px;

    .tool-line {
      margin-bottom: 20px;
      display: flex;
      justify-content: space-between;
    }
  }
}
</style>
